/*------------------------------------------------------------------------------------
  @group Global Reset
------------------------------------------------------------------------------------*/
* {
  padding:0;
  margin:0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }

.access{ display:none; } /* For accessibility related elements */
.clear{ clear:both; height:0px; font-size:0px; line-height:0px; overflow:hidden; }
a{ outline:none; }
a img{ border:none; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .clearfix {height: 1%;}
.clearfix {display:inline-block;}
.clearfix {display: block;}

/* @end */

/*------------------------------------------------------------------------------
  @group Layout
------------------------------------------------------------------------------*/

body{
  font-family:Helvetica, Arial, sans-serif;
  font-size:14px;
  color:#333;
}

#header, #statusbar .inner, #content{
  margin:0 auto;
  width:800px;
  padding:0 30px;
}


#content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html #content {height: 1%;}
#content {display:inline-block;}
#content {display: block;}

#content .main{
  float:left;
  width:500px;
}
#content .sidebar{
  float:right;
  width:270px;
}

/* @end */

/*------------------------------------------------------------------------------
  @group Header
------------------------------------------------------------------------------*/

#header{
  height:52px;
}

h2#logo{
  float:left;
  margin:5px 0 0 0;
  width:140px;
  height:50px;
}
h2#logo a{
  display:block;
  height:50px;
  text-decoration:none;
  text-indent:-9999px;
  background:url(../images/logo.png?v2) 0 0 no-repeat;
}
.minorproblem h2#logo a{
  background-position:0 -50px;
}
.majorproblem h2#logo a{
  background-position:0 -100px;
}

#header p.misc{
  float:right;
  margin:20px 0 0 0;
  font-size:12px;
}

/* @end */

/*------------------------------------------------------------------------------
  @group Status Bar
------------------------------------------------------------------------------*/

#statusbar{
  color:#fff;
  text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3);
  background:#64c901;
  border:2px solid #e0f4cc;
  border-left:none;
  border-right:none;
}
.minorproblem #statusbar{
  background:#ea7f00;
  border-color:#fbe5cc;
}
.majorproblem #statusbar{
  background:#c90101;
  border-color:#f4cccc;
}
#statusbar .inner{
  padding:25px 30px;
  position:relative;
}

#statusbar p{
  margin:0;
  opacity:0.7;
}
#statusbar h1{
  margin:0;
  font-size:48px;
  letter-spacing:-1px;
}

#statusbar .octocat{
  display:block;
  position:absolute;
  bottom:0;
  right:-16px;
  width:220px;
  height:100px;
  background:url(../images/octocat.png) 0 0 no-repeat;
}
.minorproblem #statusbar .octocat{
  background-position:0 -200px;
}
.majorproblem #statusbar .octocat{
  background-position:0 -400px;
}

/* @end */

/*------------------------------------------------------------------------------
  @group Content Styles
------------------------------------------------------------------------------*/

a{
  color:#016dc9;
  text-decoration:none;
}
a:hover{
  text-decoration:underline;
}

h3{
  margin:50px 0 0 0;
  padding:0 0 3px 0;
  font-size:12px;
  color:#000;
  text-transform:uppercase;
  border-bottom:1px solid #ddd;
}
h3.majorproblem{
  color:#c00000;
}
h3.minorproblem{
  color:#ea7f00;
}
.main>h3:first-child{
  margin-top:20px;
}

.main ul{
  font-size:12px;
  font-weight:bold;
}
.main p.more{
  font-size:12px;
  font-weight:bold;
}
.main p.when{
  margin:10px 0 5px 0;
  font-size:10px;
  text-transform:uppercase;
  color:#666;
}

/* @end */

/*------------------------------------------------------------------------------
  @group Sidebar Modules
------------------------------------------------------------------------------*/

.module{
  margin:20px 0 10px 0 ;
  padding:5px;
  font-size:11px;
  line-height:1.4;
  color:#666;
  background:#eeeeee;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}
.module>.inner{
  padding:8px;
  border:1px solid #ddd;
  background:#fafafa;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
}

.module h2{
  margin:0 0 8px -8px;
  width:100%;
  padding:0 8px 8px 8px;
  font-size:12px;
  color:#333;
  border-bottom:1px solid #ddd;
}
.module h2.twitter{
  background:url(../images/twitter_logo.png) 95% 0 no-repeat;
}

.module h2 + p{
  margin-top:0;
}
.module p:last-child{
  margin-bottom:0;
}

.module em.paren-note{
  font-style:normal;
  color:#444;
}

.module h3{
  margin:0 0 -0.75em 0;
  font-size:12px;
}

.module strong{
  color:#333;
}


.module .tweet{
  margin-left:-8px;
  width:100%;
  padding:0 8px;
  border-top:1px solid #ddd;
}
.module #tweets>.tweet:first-child{
  border-top:none;
}
.module .tweet p.meta{
  margin:-10px 0 10px 0;
  text-align:right;
}
.module .tweet p.meta a{
  color:#444;
  text-decoration:underline;
}

/* @end */